
<div class="classlist main">
	<div class="top">
		<div class="sort">
			<span class="current">价格</span><i class="iconfont" data-icon="&#xe603;"></i>
		</div>
		<div class="search">
			<input type="text" placeholder="输入关键字搜索">
			<i class="iconfont clear-input" data-icon="&#xe601;"></i>
			<div class="search-btn"><i class="iconfont" data-icon="&#xe602;"></i></div>
		</div>
		<div class="filter"><span>筛选</span><i class="iconfont" data-icon="&#xe603;"></i></div>
	</div>

	<div class="top-pop">
		<div class="sort-items">
			<a href="javascript:;" data-sort="0">价格从低到高</a>
			<a href="javascript:;" data-sort="1">价格从高到低</a>
			<a href="javascript:;" data-sort="-1">默认排序</a>
		</div>
		<div class="filter-box filter-type">
			<div class="menu">
				筛选
				<a class="cancle" href="javascript:;" data-level="1">取消</a>
				<a class="confirm" href="javascript:;" data-level="1">清除选项</a>
			</div>
			<ul class="type-list">
				{@each classtype as item, index}
					<li class="row" data-key="${item.key}" data-index="${index}">
						<div class="col-20 key">${item.name}</div>
						<div class="col-80 val-box">
							{@if item.select && item.select !== '全部'}
								<span class="val active" data-selectid="${item.selectid}">${item.select}</span>
							{@else}
								<span class="val" data-selectid="-1">全部</span>
							{@/if}
							<i class="iconfont" data-icon="&#xe600;"></i>
						</div>
					</li>
				{@/each}
			</ul>
			<a class="btn repeat-type" href="javascipt:;">确定</a>
		</div>
		<div class="filter-box filter-option">
			<div class="menu menu-option">
				筛选
				<a class="cancle" href="javascript:;">取消</a>
				<a class="confirm" href="javascript:;">确定</a>
			</div>
			<div class="option-list">
				<li class="row">
					<div class="col-80">全部</div>
					<div class="col-20"><i class="radio checked"></i></div>
				</li>
				<li class="row">
					<div class="col-80">选项</div>
					<div class="col-20"><i class="radio"></i></div>
				</li>
			</div>
		</div>
	</div>
	<div class="container">
		<div class="list">
			{@each classlist as item, index}
				<a class="row" href="#detail/${item.id}/${uid}">
					<div class="col-25">
						<div class="img"><img src="http://img.hairbobo.com/${item.image}"></div>
					</div>
					<div class="col-75 text">
						<div class="tit">
							${item.title.slice(0,15)}
						</div>
						<div class="cnt">${item.moneyinfo}</div>
						<div class="boot">
							{@if item.bobogift!==''&&item.bobogift!==null}
							<span class="bbyl">波波有礼</span>
							{@/if}
							{@if item.gift!==''&&item.gift!==null}
							<span class="xyyl">学院有礼</span>
							{@/if}
							{@if item.vipsellingprice=='0'||item.vipsellingprice==null}
							<span class="price">${item.frontmoney}元</span>
							{@else}
							<span class="price">${item.frontmoney}元/${item.vipsellingprice}天</span>
							{@/if}
							<span class="city">${item.didname}</span>
						</div>
					</div>
				</a>
			{@/each}
		</div>
	</div>
</div>
<script type="text/template" id="tmp-type">
	{@-each list as item, index}
		<li class="row" data-key="$-{item.key}" data-index="$-{index}">
			<div class="col-20 key">$-{item.name}</div>
			<div class="col-80 val-box">
				{@-if item.select && item.select !== '全部'}
					<span class="val active" data-selectid="$-{item.selectid}">$-{item.select}</span>
				{@-e-l-s-e}
					<span class="val" data-selectid="-1">全部</span>
				{@-/if}
				<i class="iconfont" data-icon="&#xe600;"></i>
			</div>
		</li>
	{@-/each}
</script>
<script type="text/template" id="tmp-option">
	{@-each list as item, index}
		<li class="row" data-id="$-{item.id}" data-index="$-{index}">
			<div class="col-80 val">$-{item.val}</div>
			<div class="col-20"><i class="radio$-{ item.val === select ? ' checked' : ''}$-{ (item.val === '全部' && !select) ? ' checked' : ''}"></i></div>
		</li>
	{@-/each}
</script>
